<template>
  <div>
    <el-tabs type="border-card" v-model="activeName">
      <el-tab-pane label="部门管理" name="DepManage"><DepManage /></el-tab-pane>
      <!-- <el-tab-pane label="奖惩管理" name="EcManage"><EcManage/></el-tab-pane> -->
      <!-- <el-tab-pane label="职称管理" name="JoblevelManage"><JoblevelManage/></el-tab-pane> -->
      <el-tab-pane label="职位管理" name="PosManage"><PosManage /></el-tab-pane>
      <el-tab-pane label="权限组" name="PermissManage"
        ><PermissManage
      /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepManage from "@/components/sys/DepManage";
// import EcManage from "@/components/sys/EcManage";
// import JoblevelManage from "@/components/sys/JoblevelManage";
import PosManage from "@/components/sys/PosManage";
import PermissManage from "@/components/sys/PermissManage";
export default {
  name: "SysBasic",
  components: {
    DepManage,
    // EcManage,
    // JoblevelManage,
    PosManage,
    PermissManage,
  },
  setup() {
    return {
      activeName: "PermissManage",
    };
  },
};
</script>

<style scoped>
</style>
